<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax</title>
</head>
<body>

	<button>以get方式发送</button>
	<button>以post方式发送</button>
	<button>以ajax方式发送</button>
	<script type="text/javascript" src='jquery-1.8.3.min.js'></script>

	<script type="text/javascript">
	//第一种 get方式
	//单击事件
	$('button').eq(0).click(function(){
		//以get方式发送
		$.get('2.php',{a:100,b:200},function(data){
			//函数  转换成js可以识别的 数组  对象
			//eval('var obj ='+data);
			//方法
			//var obj = $.parseJSON(data);

			console.log(data);

		},'json')

	})

	//第二种方式
	$('button:eq(1)').click(function(){
		//以post形式发送
		$.post('2.php',{},function(data){

			console.log(data);
		},'json')


	})

	//第三种方式
	$('button:nth-child(3)').click(function(){
		var a = 100;
		//以ajax方式
		$.ajax({
			'url':'2.php',
			'data':'a=10&b=200',
			'dataType':'json',
			'type':'POST',
			success:function(data)
			{
				// alert(data);
				// console.log(data);

				a=200;
			},
			error:function(){

				//alert('请求失败!!');
			},
			'timeout':3000,
			'async':false

		})

		alert(a);
	})
	</script>
</body>
</html>